<!--
 * @Descripttion:导入失败弹窗
 * @Author: 段振宇
 * @version: 
 * @Date: 2022-06-08 14:09:35
 * @LastEditors: 段振宇
 * @LastEditTime: 2022-06-14 11:39:21
-->
<template>
  <el-dialog
    title="导入结果"
    :visible.sync="failParams.centerDialogVisible"
    width="30%"
    @close="closeDialog"
  >
    <div class="flex-x-center title-color">导入失败</div>
    <div class="flex-x-center content-color">{{ failParams.failText }}</div>
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="closeDialog">确定</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  props: {
    failParams: {
      type: Object,
      default: function() {
        return {
          centerDialogVisible: false,
          failText: ''
        }
      }
    }
  },
  data() {
    return {}
  },
  created() {},
  mounted() {},
  methods: {
    closeDialog() {
      this.failParams.centerDialogVisible = false
    }
  }
}
</script>

<style lang="less" scoped>
.flex-x-center {
  display: flex;
  justify-content: center;
}
.title-color {
  color: #dd0000;
  font-size: 28px;
  padding: 5px 0;
}
.content-color {
  font-size: 20px;
  padding: 5px 0 10px 0;
}
:deep(.dialog-footer) {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
